﻿<%@ Page Language="C#" MasterPageFile="~/themes/ClipperHouse/site.master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="JQueryControlToolkit.Sample.Web.Walktrough.Default"
    Title="Untitled Page" %>
<asp:Content ContentPlaceHolderID="demo" runat="server"></asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="usage" runat="server">
    <h1>
        Get Started with the jQuery Control Toolkit (C#)</h1>
    <p>
        In this tutorial, you learn how to download the AJAX Control Toolkit
        <%--and add the toolkit controls to your Visual Studio/Visual Web Developer Express toolbox--%>.</p>
    <h2>
        Downloading the AJAX Control Toolkit</h2>
    <p>
        The jQuery Control Toolkit is an open source project developed by the members of
        the ASP.NET community and the ASP.NET team. The jQuery Control Toolkit is hosted
        at <a href="http://www.codeplex.com">CodePlex.com</a> which is the Microsoft website
        for hosting open source projects.</p>
    <p>
        Navigate to the following URL to go directly to the jQuery Control Toolkit CodePlex
        page:</p>
    <a href="http://jquery.CodePlex.com">http://jquery.CodePlex.com</a>
    <p>
        Click the Downloads link
        <%--(see Figure 1)--%>
        to see a list of different versions of the jQuery Control Toolkit. For example,
        you can download the version of the toolkit that contains the jQuery Control Toolkit
        controls. Alternatively, you can download the full version of the Toolkit that contains
        the controls, a sample site, and the source code for the controls.</p>
    <%--Figure 01: Downloading the AJAX Control Toolkit(Click to view full-size image)--%>
    <p>
        After you download the file, you need to unblock the file. Right-click the file,
        select Properties, and click the Unblock button (see Figure 2).</p>
    <%--Figure 02: Unblocking the AJAX Control Toolkit ZIP file(Click to view full-size image)--%>
    <p>
        After you unblock the file, you can unzip the file: Right-click the file and select
        the Extract All menu option. Now, we are ready to use it.</p>
    <%--<h2>Adding the AJAX Control Toolkit to the Toolbox</h2>

<p>The easiest way to use the AJAX Control Toolkit is to add the toolkit to your Visual Studio/Visual Web Developer toolbox (see Figure 3). That way, you can simply drag a toolkit control onto a page when you want to use it.</p>

 
<%--Figure 03: AJAX Control Toolkit appears in toolbox(Click to view full-size image)--%>
    <%--<p>First, you need to add an AJAX Control Toolkit tab to the toolbox. Follow these steps.</p>

<p>Create a new ASP.NET Website by selecting the menu option File, New Website. Double-click the Default.aspx in the Solution Explorer window to open the file in the editor.<br />
Right-click the Toolbox beneath the General Tab and select the menu option Add Tab (see Figure 4).<br />
Enter a new tab named AJAX Control Toolkit.</p>
 
Figure 04: Adding a new tab(Click to view full-size image)
Next, you need to add the AJAX Control Toolkit controls to the new tab. Follow these steps:

Right-click beneath the AJAX Control Toolkit tab and select the menu option Choose Items (see Figure 5).
Browse to the location where you unzipped the AJAX Control Toolkit and select the AjaxControlToolkit.dll assembly.
 
Figure 05: Choose items to add to the toolbox(Click to view full-size image)
After you complete these steps, all of the toolkit controls will appear in your toolbox.
--%>
    <h2>
        Upgrading to a New Version of the Toolkit</h2>
    <p>
        If you were using an older release of the Toolkit and now need to move to a later
        version here are the recommended steps:</p>
    <ul>
        <li>Binaries - Delete the old version of the AjaxControlToolkit.dll assembly from your
            website Bin folder.</li>
        <li>Toolbox Items - Delete the AJAX Control Toolkit tab and follow the steps above to
            re-create the tab with the new version of the AjaxControlToolkit.dll assembly.
        </li>
    </ul>
</asp:Content>
